*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
/* banner */
.ban{
    background-image: url(./santi\ 1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80vh;
}
.banrap{
    width: 100%;
    height: 90vh;
}
.banrap1{
    padding-top: 300px;
    margin-left: 700px;
}
.info{
    width: 50%;
}
.info h1{
    color: yellow;
    margin-top: 6vh;
    font-size: 50px;
     /* padding-top: 95px;  */
}
#head1{
    font-family: cursive;
}
/* navigation bar */
.nav{
    width: 100%;
    height: 18vh;
    background-color: rgb(223, 222, 161);
}
.navrap{
    width: 80%;
    margin: auto;
    font-style: italic;
}
.navrap h1{
    text-align: center;
    color: rgb(116, 116, 56);
    font-size: 70px;
    padding: 15px;
}
/* middle */
.mid6{
    width: 100%;
    height: 100vh;
    padding-top: 4vh;
    background-color: rgb(170, 172, 89);
}
.midrap6{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
}
.box10{
    border: rgb(226, 218, 207);
}
.box10 img{
    height: 45vh;
    border: 4px solid rgb(103, 103, 8);
}
.box10 h1{
    color: rgb(103, 103, 8);
    text-align: left;
}
.box10 p{
    font-size: 18px;
    text-align: left;
    padding-top: 8px;
    color: rgb(103, 103, 8);
}
/* middle */
.mid7{
    width: 100%;
    height: 94vh;
    padding-top: 4vh;
    background-color: rgb(170, 172, 89);
}
.midrap7{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
}
.box11{
    border: rgb(226, 218, 207);
}
.box11 img{
    height: 45vh;
    border: 4px solid rgb(103, 103, 8);
}
.box11 h1{
    color: rgb(103, 103, 8);
    text-align: left;
}
.box11 p{
    font-size: 18px;
    text-align: left;
    padding-top: 8px;
    color: rgb(103, 103, 8);
}
/* footer */
.footer{
    width: 100%;
    height: 35vh;
    background-color: rgb(225, 216, 116);
    border-top: 3px solid rgb(141, 115, 1);
}
.footrap{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 80px;
}
.footrap{
    color: rgb(141, 115, 1);
    text-align: left;
    padding-top: 8vh;
}
.box9 h1{
    color: rgb(141, 115, 1);
    font-weight: bolder;
    font-style: oblique;
    text-align: center;
}
.box9 h4{
    color: rgb(141, 115, 1);
    font-weight: bolder;
    font-style: oblique;
    text-align: center;
}
.box9 a{
    color: rgb(141, 115, 1);
    font-size: 25px;
    text-decoration: none;
}
/* footer */
.footer1{
    width: 100%;
    height: 10vh;
    background-color: rgb(225, 216, 116);
}
.footrap1{
    width: 80%;
    height: 10vh;
    margin: auto;
}
.footrap1 h4{
    color: rgb(141, 115, 1);
    text-align: center;
    padding-top: 5vh;
    font-style: oblique;
}